運算式與運算子

運算式

透過運算子進行運算而得到指定的結果值

運算子的介紹

這邊會列出幾個簡單算是常用的進行說明

算術運算

數字型態的資料，也可以直接使用算數運算子進行計算

• 加號（+）
  若賦予的資料為數字型態時，可以直接進行數字加總的運算

範例如下：

let price = 10 + 10;
console.log(price);  // 結果為 20

若賦予的資料為字串型態時，則是把字串資料連接起來

範例如下：

let word = '123' + '456';
console.log(word);  // 結果為 123456

在字串有一個特別的地方，當只要一邊為字串型態，則會直接以字串型態把資料連結起來

範例如下：

let word = 123 + 'TEST';
console.log(word); // 結果為 123TEST

• 減號（-）
  進行數字型態資料的相減

  let price = 1000 - 500;
  console.log(price);  // 結果為 500
  

• 乘法（*）
  進行數字型態資料的相乘

let buyPrice = 100 * 4;
console.log(buyPrice); // 結果為 400

• 除法（/）
  進行數字型態資料的相除

let goods = 100 / 4;
console.log(goods); // 結果為 25

• 取餘數（%）
  將數字以除法計算後得到的餘數資料

let a = 21 % 4;
console.log(a); // 結果為 1 

遞增與遞減

• 遞增表示為 ++，例：a++，可以當作是 a = a + 1
• 遞減表示為 --，例：b--，可以當作是 b = b - 1

範例如下：

let a = 1;
a++;
console.log(a) // 結果為 2 

賦值運算子

指的是將值賦予給指定的變數
直接以範例來說明

let a = 3;  // 宣告變數 a，並賦予數字型態為 3
let b = 2; // 宣告變數 b，並賦予數字型態為 2
a+=1; // a = 3 + 1 ，資料計算為 4 
b-=1; // b = 2 - 1 ，資料計算為 1
a*=2; // a = 4 * 2， 資料計算為 8
b/=1 // b = 1 / 1 ，資料計算為 1 

比較運算子

通常會用來計算數字資料的比大小，或是資料值是否相等，通常會回傳 true 或 false

• 【===】：表示完全相符，資料比對上較嚴謹
• 【==】：表示相符，資料會自動轉型進行比對

let a = 10;
let b = '10';
console.log(a === b ); // 結果為 false ，因為一個為數字 10，一個是字串 10
console.log(a == b ); // 結果為 true ，會自動轉型比對

• 【!==】：表示為不等於

let a = 123;
let b = 456;
console.log(a!==b); // 結果為 true

• 【>】：大於

 let a = 123;
 let b = 456;
 console.log(a>b); // 結果為 false

• 【<】：小於

 let a = 123;
 let b = 456;
 console.log(a<b); // 結果為 true

• 【>=】：大於等於

 let a = 123;
 let b = 456;
 console.log(a>=b); // 結果為 false

• 【<=】：小於等於

 let a = 3;
 let b = 3;
 console.log(a<=b); // 結果為 true

參考資料及學習資源

• 六角學院 - JavaScript 必修篇 - 前端修練全攻略

本日小結

今天是第三天，前面的內容還算不會太吃力，
這些是我的學習紀錄，也歡迎各路大神指教～